import { defineComponent } from "vue";
import style from "./index.module.less";
import InfoCell from "../InfoCell";
import { roundInfoProps } from "../RoundInfo/types";
import RowView from "../RowView";
import TextView from "../TextView";
import eye from "./asset/eye.png";
import RoundInfo from "../RoundInfo";
import { agriculturalTechnologyCellProps } from "./types";
export default defineComponent({
  name: "",
  props: agriculturalTechnologyCellProps,
  setup(_) {
    const bottomLabel = () => {
      return (
        <RowView class="justify-between">
          <TextView>{_.time}</TextView>
          <RowView>
            <img src={eye} class="w-[14px] h-[14px]" />
            <TextView class="ml-[5px]">{_.num}</TextView>
          </RowView>
        </RowView>
      );
    };
    return () => {
      return (
        <RoundInfo
          src={_.src}
          title={_.title}
          class="technology"
          v-slots={{ bottomLabel }}
        />
      );
    };
  },
});
